<template>
  <div>
    <div class="main-container">
      <div class="ctn-menu-title">
        <h2>账户信息</h2>
      </div>
      <div class="common-section-body">
        <div id="actInfo-info-group-basic">
          <h2>
                    <span class="sub-title title">
                        账户基本信息
                        <span class="info color-gray " style="font-weight: 400">（上次登录时间：2024-06-13）</span>
                    </span>
            <span class="line"></span>

            <span class="ctrl">

                                <span data-ui-id="apply-reason" data-ui-type="Button" data-ui-skin="link-button"
                                      class="apply-revise ui-ctrl ui-button skin-link-button skin-link-button-button"
                                      id="ctrl-n-apply-reason" data-ctrl-id="apply-reason" data-ctrl-view-context="n">申请修改</span>

                            <span data-ui-id="actInfo-basic-history-trigger" data-ui-group="basic" data-ui-type="Button"
                                  data-ui-skin="link-button"
                                  class="edit-history ui-ctrl ui-button skin-link-button skin-link-button-button"
                                  id="ctrl-n-actInfo-basic-history-trigger" data-ctrl-id="actInfo-basic-history-trigger"
                                  data-ctrl-view-context="n">
                                修改历史
                            </span>
                        </span>

          </h2>
          <div class="common-content">
            <ul class="actInfo-info-list">
              <li>
                <span class="label">账户名：</span>
                <span id="actInfo-item-userName" class="info" title="宏传科技">

                                    {{accountData.userName}}

                            </span>

                <span id="actInfo-item-userName-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                            <span class="label site-name-label">
                                <span class="should-valued" style="display:none;">*</span>
                                <span>网站名：</span>
                                <img class="question-img" data-tooltip="edit-tooltip-site-name"
                                     src="asset/common/img/question.svg" style="display:none;">
                            </span>
                <span id="actInfo-item-siteName" class="info" title="深圳市宏传科技服务有限公司">

                             {{accountData.websiteName}}

                            </span>

                <span id="actInfo-item-siteName-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label"><span class="should-valued" style="display:none;">*</span>公司名：</span>
                <span id="actInfo-item-companyName" class="info" title="深圳市宏传科技服务有限公司">

                                {{accountData.companyName}}

                            </span>

                <span class="reviseAccount" style="display:none;">公司名仅资质授权账号可修改</span>

                <span id="actInfo-item-companyName-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                            <span class="label site-url-label">
                                <span class="should-valued" style="display:none;">*</span>
                                <span>网址：</span>
                                <img class="question-img" data-tooltip="edit-tooltip-site-url"
                                     src="asset/common/img/question.svg" style="display:none;">
                            </span>
                <span id="actInfo-item-siteUrl" class="info" title="http://qianhu.wejianzhan.com">


                                {{accountData.website}}

                            </span>

                <span id="actInfo-item-siteUrl-statusinfo" class="statusinfo"></span>
              </li>

            </ul>
          </div>
        </div>


        <div id="actInfo-info-group-trade">
          <h2 class="editable">
                    <span class="title">
                        行业信息
                    </span>
            <span class="line"></span>

          </h2>
          <div class="common-content">
            <ul class="actInfo-info-list">
              <li class="account-trade">
                            <span class="label">
                                <span class="should-valued" style="display:none;">*</span>
                                账号行业2019：
                            </span>
                <span id="actInfo-item-newtrade" class="info" title="网络服务 网络营销">

                            {{accountData.industryInfo}}



                            </span>

                <span id="actInfo-item-newtrade-statusinfo" class="statusinfo"></span>
              </li>
            </ul>
          </div>
        </div>


        <div id="actInfo-info-group-detail">
          <h2 class="editable">
                    <span class="title">
                        账户详细信息
                    </span>
            <span class="line"></span>

            <span class="ctrl">
                        <span data-ui-id="actInfo-detail-edit" data-ui-group="detail" data-ui-type="Button"
                              data-ui-skin="link-button" id="ctrl-n-actInfo-detail-edit"
                              data-ctrl-id="actInfo-detail-edit" data-ctrl-view-context="n"
                              class="ui-ctrl ui-button skin-link-button skin-link-button-button">修改</span>
<!--                        <span data-ui-id="actInfo-detail-cancel" data-ui-group="detail" data-ui-type="Button"-->
<!--                              data-ui-skin="link-button" data-ui-hidden="true" id="ctrl-n-actInfo-detail-cancel"-->
<!--                              data-ctrl-id="actInfo-detail-cancel" data-ctrl-view-context="n"-->
<!--                              class="ui-ctrl ui-button skin-link-button skin-link-button-button ui-button-hidden state-hidden skin-link-button-hidden skin-link-button-button-hidden">取消</span>-->
<!--                        <span data-ui-id="actInfo-detail-save" data-ui-group="detail" data-ui-type="Button"-->
<!--                              data-ui-skin="link-button" data-ui-hidden="true" id="ctrl-n-actInfo-detail-save"-->
<!--                              data-ctrl-id="actInfo-detail-save" data-ctrl-view-context="n"-->
<!--                              class="ui-ctrl ui-button skin-link-button skin-link-button-button ui-button-hidden state-hidden skin-link-button-hidden skin-link-button-button-hidden">保存</span>-->
                    </span>

          </h2>
          <div class="common-content">
            <ul class="actInfo-info-list">
              <li>
                <span class="label"><span class="should-valued" style="display:none;">*</span>所在省市：</span>
                <span id="actInfo-item-provAndCity" class="info" title="广东  深圳">

                           {{accountData.whereCity}}

                            </span>

                <div id="actInfo-item-provId-edit" data-ui-type="Select" data-ui-id="actInfo-item-provId-edit"
                     class="edit ui-ctrl ui-select" tabindex="0" data-ctrl-id="actInfo-item-provId-edit"
                     data-ctrl-view-context="n" style="width: 50px; display: none;"><span>广东</span>
                  <input type="hidden" name="" value="4"></div>
                <div id="actInfo-item-cityId-edit" data-ui-type="Select" data-ui-id="actInfo-item-cityId-edit"
                     class="edit ui-ctrl ui-select" tabindex="0" data-ctrl-id="actInfo-item-cityId-edit"
                     data-ctrl-view-context="n" style="width: 50px; display: none;"><span>深圳</span>
                  <input type="hidden" name="" value="5"></div>

                <span id="actInfo-item-cityId-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label"><span class="should-valued" style="display:none;">*</span>联系人：</span>
                <span id="actInfo-item-realName" class="info" title="1">

                        {{accountData.contacts}}

                            </span>

                <input id="actInfo-item-realName-edit" name="actInfo-item-realName-edit" value="1"
                       data-ui-id="actInfo-item-realName-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-realName-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label"><span class="should-valued" style="display:none;">*</span>通讯地址：</span>
                <span id="actInfo-item-address" class="info" title="深圳">

                         {{accountData.mailAddress}}

                            </span>

                <input id="actInfo-item-address-edit" name="actInfo-item-address-edit" value="深圳"
                       data-ui-id="actInfo-item-address-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-address-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label"><span class="should-valued" style="display:none;">*</span>座机：</span>
                <span id="actInfo-item-phone" class="info" title="086-18566684242">

                            {{accountData.landline}}

                            </span>

                <input id="actInfo-item-phone-edit" name="actInfo-item-phone-edit" value="086-18566684242"
                       data-ui-id="actInfo-item-phone-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-phone-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">邮政编码：</span>
                <span id="actInfo-item-postCode" class="info" title="">

                          {{accountData.postalCode}}

                            </span>

                <input id="actInfo-item-postCode-edit" name="actInfo-item-postCode-edit" value=""
                       data-ui-id="actInfo-item-postCode-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-postCode-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">手机：</span>
                <span id="actInfo-item-mobile" class="info" title="">

                             {{accountData.phone}}

                            </span>

                <input id="actInfo-item-mobile-edit" name="actInfo-item-mobile-edit" value=""
                       data-ui-id="actInfo-item-mobile-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-mobile-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label"><span class="should-valued" style="display:none;">*</span>Email：</span>
                <span id="actInfo-item-email" class="info" title="baidu@baidu.com">

                      {{accountData.email}}

                            </span>

                <input id="actInfo-item-email-edit" name="actInfo-item-email-edit" value="baidu@baidu.com"
                       data-ui-id="actInfo-item-email-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-email-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">传真：</span>
                <span id="actInfo-item-fax" class="info" title="">

                       {{accountData.fax}}

                            </span>

                <input id="actInfo-item-fax-edit" name="actInfo-item-fax-edit" value=""
                       data-ui-id="actInfo-item-fax-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-fax-statusinfo" class="statusinfo"></span>
              </li>

            </ul>
          </div>
        </div>
        <div id="actInfo-info-group-servicelink">
          <h2 class="editable">
                    <span class="title">
                        客服联系信息
                    </span>
            <span class="line"></span>

          </h2>
          <div class="common-content">
            <ul class="actInfo-info-list">
              <li>
                <span class="label">推广顾问：</span>
                <span id="actInfo-item-advisorName" class="info" title="容玉金">


                       {{accountData.promotionConsultant}}
                            </span>

                <span id="actInfo-item-advisorName-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">推广顾问联系电话：</span>
                <span id="actInfo-item-advisorPhone" class="info" title="4009200000-2">

                               {{accountData.consultantPhone||'--'}}

                            </span>

                <span id="actInfo-item-advisorPhone-statusinfo" class="statusinfo"></span>
              </li>

            </ul>
          </div>
        </div>
        <div id="actInfo-info-group-consignee">
          <h2 class="editable">
                    <span class="title">
                        发票邮寄地址
                    </span>
            <span class="line"></span>

            <span class="ctrl">
                        <span data-ui-id="actInfo-consignee-edit" data-ui-group="consignee" data-ui-type="Button"
                              data-ui-skin="link-button" id="ctrl-n-actInfo-consignee-edit"
                              data-ctrl-id="actInfo-consignee-edit" data-ctrl-view-context="n"
                              class="ui-ctrl ui-button skin-link-button skin-link-button-button">修改</span>
<!--                        <span data-ui-id="actInfo-consignee-cancel" data-ui-group="consignee" data-ui-type="Button"-->
<!--                              data-ui-skin="link-button" data-ui-hidden="true" id="ctrl-n-actInfo-consignee-cancel"-->
<!--                              data-ctrl-id="actInfo-consignee-cancel" data-ctrl-view-context="n"-->
<!--                              class="ui-ctrl ui-button skin-link-button skin-link-button-button ui-button-hidden state-hidden skin-link-button-hidden skin-link-button-button-hidden">取消</span>-->
<!--                        <span data-ui-id="actInfo-consignee-save" data-ui-group="consignee" data-ui-type="Button"-->
<!--                              data-ui-skin="link-button" data-ui-hidden="true" id="ctrl-n-actInfo-consignee-save"-->
<!--                              data-ctrl-id="actInfo-consignee-save" data-ctrl-view-context="n"-->
<!--                              class="ui-ctrl ui-button skin-link-button skin-link-button-button ui-button-hidden state-hidden skin-link-button-hidden skin-link-button-button-hidden">保存</span>-->
                    </span>

          </h2>
          <div class="common-content">
            <ul class="actInfo-info-list">
              <li>
                <span class="label">联系人：</span>
                <span id="actInfo-item-consigneeRealname" class="info" title="">
{{accountData.invoiceMailingContacts}}

                            </span>

                <input id="actInfo-item-consigneeRealname-edit" name="actInfo-item-consigneeRealname-edit" value=""
                       data-ui-id="actInfo-item-consigneeRealname-edit" data-ui-type="Text" data-ui-mode="text"
                       class="edit" style="display: none;">

                <span id="actInfo-item-consigneeRealname-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">邮寄地址：</span>
                <span id="actInfo-item-consigneeAddress" class="info" title="">

                                 {{accountData.invoiceMailingAddress}}

                            </span>

                <input id="actInfo-item-consigneeAddress-edit" name="actInfo-item-consigneeAddress-edit" value=""
                       data-ui-id="actInfo-item-consigneeAddress-edit" data-ui-type="Text" data-ui-mode="text"
                       class="edit" style="display: none;">

                <span id="actInfo-item-consigneeAddress-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">联系电话：</span>
                <span id="actInfo-item-consigneePhone" class="info">

                             {{accountData.invoiceMailingPhone}}

                            </span>

                <input id="actInfo-item-consigneePhone-edit" name="actInfo-item-consigneePhone-edit" value=""
                       data-ui-id="actInfo-item-consigneePhone-edit" data-ui-type="Text" data-ui-mode="text"
                       class="edit" style="display: none;">

                <span id="actInfo-item-consigneePhone-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">邮政编码：</span>
                <span id="actInfo-item-consigneePostCode" class="info">

                              {{accountData.invoiceMailingCode}}

                            </span>

                <input id="actInfo-item-consigneePostCode-edit" name="actInfo-item-consigneePostCode-edit" value="null"
                       data-ui-id="actInfo-item-consigneePostCode-edit" data-ui-type="Text" data-ui-mode="text"
                       class="edit" style="display: none;">

                <span id="actInfo-item-consigneePostCode-statusinfo" class="statusinfo"></span>
              </li>
            </ul>
<!--            <div class="actInfo-consignee-plus">-->
<!--              <span data-ui-id="actInfo-consignee-copy" data-ui-group="consignee" data-ui-type="Button"-->
<!--                    data-ui-hidden="true" id="ctrl-n-actInfo-consignee-copy" data-ctrl-id="actInfo-consignee-copy"-->
<!--                    data-ctrl-view-context="n"-->
<!--                    class="ui-ctrl ui-button ui-button-hidden state-hidden">将账户详细信息设为邮寄地址</span>-->
<!--            </div>-->
          </div>
        </div>
        <div id="actInfo-info-group-other">
          <h2 class="editable">
                    <span class="title">
                        账户其他信息
                    </span>
            <span class="line"></span>

            <span class="ctrl">
                        <span data-ui-id="actInfo-other-edit" data-ui-group="other" data-ui-type="Button"
                              data-ui-skin="link-button" id="ctrl-n-actInfo-other-edit"
                              data-ctrl-id="actInfo-other-edit" data-ctrl-view-context="n"
                              class="ui-ctrl ui-button skin-link-button skin-link-button-button">修改</span>
<!--                        <span data-ui-id="actInfo-other-cancel" data-ui-group="other" data-ui-type="Button"-->
<!--                              data-ui-skin="link-button" data-ui-hidden="true" id="ctrl-n-actInfo-other-cancel"-->
<!--                              data-ctrl-id="actInfo-other-cancel" data-ctrl-view-context="n"-->
<!--                              class="ui-ctrl ui-button skin-link-button skin-link-button-button ui-button-hidden state-hidden skin-link-button-hidden skin-link-button-button-hidden">取消</span>-->
<!--                        <span data-ui-id="actInfo-other-save" data-ui-group="other" data-ui-type="Button"-->
<!--                              data-ui-skin="link-button" data-ui-hidden="true" id="ctrl-n-actInfo-other-save"-->
<!--                              data-ctrl-id="actInfo-other-save" data-ctrl-view-context="n"-->
<!--                              class="ui-ctrl ui-button skin-link-button skin-link-button-button ui-button-hidden state-hidden skin-link-button-hidden skin-link-button-button-hidden">保存</span>-->
                    </span>

          </h2>
          <div class="common-content" v-if="!accountData.accountExList||accountData.accountExList.length==0">

            <ul class="actInfo-info-list">
              <li>
                <span class="label">联系人2：</span>
                <span id="actInfo-item-realName2" class="info">

                          无

                            </span>

                <input id="actInfo-item-realName2-edit" name="actInfo-item-realName2-edit" value=""
                       data-ui-id="actInfo-item-realName2-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-realName2-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">座机：</span>
                <span id="actInfo-item-phone2" class="info">

                                 无

                            </span>

                <input id="actInfo-item-phone2-edit" name="actInfo-item-phone2-edit" value=""
                       data-ui-id="actInfo-item-phone2-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-phone2-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">Email：</span>
                <span id="actInfo-item-email2" class="info" title="">

                               无

                            </span>

                <input id="actInfo-item-email2-edit" name="actInfo-item-email2-edit" value=""
                       data-ui-id="actInfo-item-email2-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-email2-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">手机：</span>
                <span id="actInfo-item-mobile2" class="info">

                               无


                            </span>

                <input id="actInfo-item-mobile2-edit" name="actInfo-item-mobile2-edit" value=""
                       data-ui-id="actInfo-item-mobile2-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-mobile2-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">联系人3：</span>
                <span id="actInfo-item-realName3" class="info">

                                    无

                            </span>

                <input id="actInfo-item-realName3-edit" name="actInfo-item-realName3-edit" value=""
                       data-ui-id="actInfo-item-realName3-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-realName3-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">座机：</span>
                <span id="actInfo-item-phone3" class="info">

                                    无

                            </span>

                <input id="actInfo-item-phone3-edit" name="actInfo-item-phone3-edit" value=""
                       data-ui-id="actInfo-item-phone3-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-phone3-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">Email：</span>
                <span id="actInfo-item-email3" class="info" title="">

                                    无

                            </span>

                <input id="actInfo-item-email3-edit" name="actInfo-item-email3-edit" value=""
                       data-ui-id="actInfo-item-email3-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-email3-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">手机：</span>
                <span id="actInfo-item-mobile3" class="info">

                                    无

                            </span>

                <input id="actInfo-item-mobile3-edit" name="actInfo-item-mobile3-edit" value=""
                       data-ui-id="actInfo-item-mobile3-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-mobile3-statusinfo" class="statusinfo"></span>
              </li>
            </ul>


          </div>
          <div class="common-content" v-else>
            <ul class="actInfo-info-list" v-for="(item,index) in accountData.accountExList" :key="index">
              <li>
                <span class="label">联系人{{ index+2 }}：</span>
                <span id="actInfo-item-realName2" class="info">

                                   {{item.contacts||'无'}}

                            </span>

                <input id="actInfo-item-realName2-edit" name="actInfo-item-realName2-edit" value=""
                       data-ui-id="actInfo-item-realName2-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-realName2-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">座机：</span>
                <span id="actInfo-item-phone2" class="info">

                                   {{item.landline||'无'}}

                            </span>

                <input id="actInfo-item-phone2-edit" name="actInfo-item-phone2-edit" value=""
                       data-ui-id="actInfo-item-phone2-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-phone2-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">Email：</span>
                <span id="actInfo-item-email2" class="info" title="">

                                  {{item.email||'无'}}

                            </span>

                <input id="actInfo-item-email2-edit" name="actInfo-item-email2-edit" value=""
                       data-ui-id="actInfo-item-email2-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-email2-statusinfo" class="statusinfo"></span>
              </li>
              <li>
                <span class="label">手机：</span>
                <span id="actInfo-item-mobile2" class="info">

                                 {{item.phone||'无'}}


                            </span>

                <input id="actInfo-item-mobile2-edit" name="actInfo-item-mobile2-edit" value=""
                       data-ui-id="actInfo-item-mobile2-edit" data-ui-type="Text" data-ui-mode="text" class="edit"
                       style="display: none;">

                <span id="actInfo-item-mobile2-statusinfo" class="statusinfo"></span>
              </li>

            </ul>
          </div>

        </div>
      </div>
    </div>

  </div>
</template>
<script>
export default {
  props: ['accountData'],// 声明message为一个prop
  name: 'zhanghuXi',
  data() {
    return {}
  },
  methods: {
    btnXiu() {
      this.$message('服务器繁忙,请稍后重试！');
    }
  }
}
</script>
<style scoped>
.zhanghu1 {
  width: 545px;
  margin-left: 102px;
}

.zhanghuming-area {
  display: flex;
  font-size: 12px;
  color: #666;
  height: 36px;
}

.shengqing2 {

  width: 48px;
  text-align: center;
  line-height: 16px;
  margin-left: 12px;
}

.shengqing {
  line-height: 16px;
  margin-left: 12px;
  font-size: 12px;
  color: #3998fc;
  cursor: pointer;
  display: inline-block;
}

.shengqing:hover {
  border-bottom: 1px solid;
}

.shang {
  font-size: 13px;
  padding-left: 14px;
}

.jiben {
  color: #333;
  font-weight: 600;
  font-size: 14px;
}

.heng {
  width: 98%;
  position: absolute;
  top: 11px;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid #eee;

}

.zhanghu-area {
  width: 98%;
  height: 50px;
  padding-top: 16px;
  margin: 0 auto;
}

.content-area {
  width: 98%;
  line-height: 68px;
  padding-top: 40px;

}

.content {
  width: 100%;
  margin: 0 auto;
  line-height: 68px;
  background: white;
  padding: 30px;
  padding-bottom: 68px;
}

.new-abstract-userInfo-container {
  /* padding: 24px; */
  background: #fff;

  position: relative;
}

.main-container {
  position: relative;
  min-height: calc(100vh - 128px);
  box-sizing: border-box;
  padding: 24px 30px 0;
  padding-bottom: 30px;
}

.ctn-menu-title {
  background-color: #fff;
  border-radius: 5px;
  padding: 24px;
  margin-bottom: 24px;
}

.ctn-menu-title h2 {
  margin: 0;
  font-size: 20px;
  color: #000;
  font-weight: initial;
}

.common-section-body {
  padding: 30px;
  background-color: #fff;
}

.common-section-body h2 {
  font-size: 14px;
  font-weight: 400;
  margin: 8px 0;
  padding: 2px 0;
  position: relative;
  overflow: hidden;
}

.common-section-body h2 .sub-title {
  float: left;
  color: #333;
  font-weight: 600;
}

.common-section-body h2 span {
  position: relative;
  background: #fff;
  margin: 0;
  padding: 0 5px;
  z-index: 5;
  font-weight: 600;
}

.common-section-body h2 .line {
  width: 98%;
  position: absolute;
  top: 11px;
  left: 0;
  z-index: 1;
  border-bottom: 2px solid rgb(231,234,242 );
}

.common-section-body h2 .ctrl {
  float: right;
  font-weight: 300;
  font-size: 13px;
  padding: 0 5px;
  color: #3998fc;
}

.common-section-body h2 .skin-link-button {
  position: relative;
  top: -4px;
  color: #3398fc;
}

.common-section-body h2 .skin-link-button {
  position: relative;
  top: 0px;
  color: #3398fc;
  font-size: 12px;
  font-weight: 500;
}

.common-content {
  padding: 10px;
  line-height: 1.7em;
}

.actInfo-info-list {
  margin: 0;
  padding: 0;
  line-height: 2.2em;
  font-size: 012px;
}

.actInfo-info-list li {
  color: #666;
  width: 34%;
  padding-left: 130px;
  display: inline-block;
  zoom: 1;
  position: relative;
  min-height: 1.4em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.actInfo-info-list li .label {
  color: #999;
  width: 130px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}

.actInfo-info-list li .statusinfo {
  display: inline-block;
  zoom: 1;
}

.common-section h2 .title {
  float: left;
  color: #333;
  font-weight: 600;
}
</style>